Page({
  data: {
    tabsTitle: [
      {
        id: 0,
        name: "常用组件",
        isActive: true
      },
      {
        id: 1,
        name: "生命周期",
        isActive: false
      },
      {
        id: 2,
        name: "未定义",
        isActive: false
      },
      {
        id: 3,
        name: "未定义",
        isActive: false
      }
    ]
  },

  // 子 → 父 通过事件的方式传递, 接受子组件传递来的数据
  handleTabsChange (e) {
    // console.log(e);
    const { index } = e.detail;
    let tabsTitle = JSON.parse(JSON.stringify(this.data.tabsTitle));
    tabsTitle.forEach((v, i) => i === index ? v.isActive = true : v.isActive = false);
    this.setData({ tabsTitle })
  }
})
